﻿<%@ Page Title="Product | Hardwares-R-Us" Language="C#" MasterPageFile="~/Main.master"
    AutoEventWireup="true" CodeBehind="Products.aspx.cs" Inherits="WDTAsg2.Member.Products"
    Theme="Normal_User_Theme" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Hardware-R-Us | Home</title>
    </head>
    <h1>
        Product Locator</h1>
    <p>
        With the product locator below you can quickly find your product and see all its
        details</p>
    <p>
        <asp:DropDownList ID="dDListPCat" runat="server" Height="17px" Width="166px" AutoPostBack="True"
            OnSelectedIndexChanged="dDListPCat_SelectedIndexChanged" DataTextField="Description"
            DataValueField="CategoryID" Style="margin-bottom: 0px">
        </asp:DropDownList>
        <asp:DropDownList ID="dDListCat" runat="server" Height="17px" Width="166px" AutoPostBack="True"
            OnSelectedIndexChanged="dDListCat_SelectedIndexChanged" DataTextField="Description"
            DataValueField="CategoryID" Style="margin-bottom: 0px" Visible="False">
        </asp:DropDownList>
        &nbsp;<asp:DropDownList ID="dDListModel" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dDListModel_SelectedIndexChanged"
            DataTextField="Title" DataValueField="ProductId" Visible="False">
        </asp:DropDownList>
        &nbsp;</p>
    <p>
        <asp:ListView runat="server" ID="lvProducts">
            <LayoutTemplate>
                <table clientidmode="Static" runat="server" id="tblProducts">
                    <tr id="Tr1" runat="server">
                        <th id="Th1" runat="server">
                            Title
                        </th>
                        <th id="Th2" runat="server">
                            TagLine
                        </th>
                        <th id="Th3" runat="server">
                            Image
                        </th>
                    </tr>
                    <tr runat="server" id="itemPlaceholder" />
                </table>
            </LayoutTemplate>
            <ItemTemplate>
                <tr id="Tr1" runat="server">
                    <td id="Td1" runat="server">
                        <%-- Data-bound content. --%>
                        <asp:Label ID="NameLabel" runat="server" Text='<%#Eval("Title") %>' />
                    </td>
                    <td id="Td2" runat="server">
                        <%-- Data-bound content. --%>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("TagLine") %>' />
                        <a href="ProductDetail.aspx?id=<%# Eval("ProductId") %>">More Info...</a>
                    </td>
                    <td id="Td3" runat="server">
                        <%-- Data-bound content. --%>
                        <asp:Image ID="image" CssClass="productImage" runat="server" ImageUrl='<%#Eval("ImageUrl") %>' />
                    </td>
                </tr>
            </ItemTemplate>
        </asp:ListView>
    </p>
    <br />
    </html>
</asp:Content>
